<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0-配送班次管理</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/qd.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">

</head>

<body>
    <!--头部-->
    <div class="header">
        <div class="header_top">
            <div class="user-nav">
                <div class="current-user">
                    <span class="cu-name">樊明</span>
                    <div class="userboxinfo">
                        <ul class="ul_userlist">
                            <li><a href="/logout">退出</a></li>
                        </ul>
                    </div>
                </div>
                欢迎您登录
            </div>
        </div>
        <div class="header_con">
            <a href="#" class="logo">
                <img src="images/logo.png">
            </a>
        </div>
    </div>
    <!--end头部-->
    <!--菜单-->
    <div class="headernav">
        <div class="head_nav">
            <!--菜单-->
            <div class="source_menu">
                <div class="menu_btn">资源</div>
                <div class="menu_list">
                    <ul class="has_sub">
                        <li class="active">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                        <li class="">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!--end 菜单-->
            <!--一级按钮-->
            <div class="operate-btns">
                <a href="javascript:void(0)" class="fbtn fb-add">添加</a>
            </div>
            <!--end 一级按钮-->
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li><a href="#">配送班次管理</a></li>
            </ol>
            <h3 class="current_module">配送班次管理</h3>
        </div>
    </div>
    <!--end菜单-->
    <div class="content">

        <table class="table table-hover table-striped table-1b table-route">
            <thead>
                <tr>
                    <th>序号</th>
                    <th>配送路线</th>
                    <th>发车时间</th>
                    <th>车牌号</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>01</td>
                    <td class="td-route"><span>武汉市——北京市</span></td>
                    <td>06:00</td>
                    <td>鄂A12345</td>
                    <td>
                        <div class="from-button">
                            <a href="javascript:;" class="green-button" id="pickup">编辑</a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="5">
                        <div class="table-stretching way-to tal">
                            <p>途径地：</p>
                            <ul>
                                <li>廊坊</li>
                                <li>保定</li>
                                <li>石家庄</li>
                                <li>郑州</li>
                                <li>运城</li>
                                <li>西安</li>
                            </ul>
                        </div>
                        <span class="table_more"></span>
                    </td>
                </tr>
            </tbody>

            <tbody class="current">
                <tr>
                    <td>02</td>
                    <td class="td-route"><span>武汉市——北京市</span></td>
                    <td>06:00</td>
                    <td>鄂A12345</td>
                    <td>
                        <div class="from-button">
                            <a href="javascript:;" class="green-button" id="pickup">编辑</a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="5">
                        <div class="table-stretching way-to tal">
                            <p>途径地：</p>
                            <ul>
                                <li>廊坊</li>
                                <li>保定</li>
                                <li>石家庄</li>
                                <li>郑州</li>
                                <li>运城</li>
                                <li class="on">西安</li>
                            </ul>
                        </div>
                        <span class="table_more"></span>
                    </td>
                </tr>
            </tbody>
            <tbody>
                <tr>
                    <td>02</td>
                    <td class="td-route"><span>武汉市——北京市</span></td>
                    <td>20:00</td>
                    <td>鄂A12345</td>
                    <td>
                        <div class="from-button">
                            <a href="javascript:;" class="green-button" id="pickup">编辑</a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="5">
                        <div class="table-stretching way-to tal">
                            <p>途径地：</p>
                            <ul>
                                <li>廊坊</li>
                                <li>保定</li>
                                <li>石家庄</li>
                                <li>郑州</li>
                                <li>运城</li>
                                <li class="on">西安</li>
                            </ul>
                        </div>
                        <span class="table_more"></span>
                    </td>
                </tr>
            </tbody>
            <tbody>
                <tr>
                    <td>02</td>
                    <td class="td-route"><span>武汉市——北京市</span></td>
                    <td>20:00</td>
                    <td>鄂A12345</td>
                    <td>
                        <div class="from-button">
                            <a href="javascript:;" class="green-button" id="pickup">编辑</a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="5">
                        <div class="table-stretching way-to tal">
                            <p>途径地：</p>
                            <ul>
                                <li>廊坊</li>
                                <li>保定</li>
                                <li>石家庄</li>
                                <li>郑州</li>
                                <li>运城</li>
                                <li class="on">西安</li>
                            </ul>
                        </div>
                        <span class="table_more"></span>
                    </td>
                </tr>
            </tbody>

        </table>
        <div id="page">
            <div id="Paging_016622030699059076" class="ui-paging-container">
                <ul>
                    <li class="js-page-first js-page-action ui-pager">首页</li>
                    <li class="js-page-prev js-page-action ui-pager">上一页</li>
                    <li data-page="1" class="ui-pager">1</li>
                    <li>...</li>
                    <li data-page="9" class="ui-pager">9</li>
                    <li data-page="10" class="ui-pager focus">10</li>
                    <li data-page="11" class="ui-pager">11</li>
                    <li class="ui-paging-ellipse">...</li>
                    <li data-page="80" class="ui-pager">80</li>
                    <li class="js-page-next js-page-action ui-pager">下一页</li>
                    <li class="js-page-last js-page-action ui-pager">末页</li>
                </ul>
            </div>
        </div>



    </div>

    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <!-- 弹框 -->
    <div id="popup" style="display: none;">
        <form class="layui-form" id="commentForm2" method="post" action="/post">
            <div class="row">
                <div class="col-md-12 col-lg-12">
                    <div class="input-group layui-form-item  ">
                        <label class="input-group-addon">配送路线</label>
                        <div class="layui-input-block">
                            <select name="interest" lay-filter="aihao">
                    <option value=""></option>
                    <option value="0">武汉市——北京市</option>
                    <option value="1" >天津市——上海市</option>
                    <option value="2">郑州市——武汉市</option>
                    <option value="3">沈阳市——郑州市</option>
                  </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-lg-12">
                    <div class="input-group layui-form-item  ">
                        <label class="input-group-addon">排班车辆</label>
                        <div class="layui-input-block">
                            <select name="interest" lay-filter="aihao">
                    <option value=""></option>
                    <option value="0">武汉市——北京市</option>
                    <option value="1" >天津市——上海市</option>
                    <option value="2">郑州市——武汉市</option>
                    <option value="3">沈阳市——郑州市</option>
                  </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-lg-12">
                    <div class="input-group">
                        <span class="input-group-addon" id="basic-addon1">发车时间</span>
                        <input type="text" class="form-control" placeholder="" name="number">
                    </div>
                </div>
            </div>
        </form>
    </div>

    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts-all.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="lib/paging.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script>
        $(function() {
            $('#pickup').on('click', function() {
                app.layeropen({
                    type: 1,
                    area: '432px',
                    title: '配送班次编辑',
                    closeBtn: 1,
                    btn: ['保存', '保存并添加', '关闭'],
                    skin: 'popup-btn popup-btn-sac',
                    content: $('#popup').html()
                })
            })
        })
    </script>
</body>

</html>